﻿legend {
    font-size: 1.33333em;
    padding: 0.5em;
}

.field-1, .field-2, .field-3, .action {
    margin-bottom: .5em;
    letter-spacing: -0.34em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.5em; /*IE < 8 && gecko: collapse white-space between units */
}

fieldset > div > label, fieldset > div > span {
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    zoom: 1;
    *display: inline; /* IE < 8: fake inline-block */
    padding: .25em 0;
}

div.field-1 > span, div.field-2 > span, div.field-3 > span {
    display: inline-block;
    zoom: 1;
    *display: inline; /* IE < 8: fake inline-block */
}

div.field-2 label, div.field-3 label {
    box-sizing: border-box;
    padding-right: 0.5em;
    text-align: right;
}

.field-2, div.field-2 + .action {
    clear: right;
}

div.field-3 > span {
    box-sizing: border-box;
    padding-left: 0.5em;
}

.action {
    padding: 0 2em;
}

.msg {
    border-width: 1px;
    padding: 0.5em;
}

.field-2 > span {
    float: right;
}

button, .button {
    padding: .5em 2em .55em; /*根据文字自适应大小*/
    border: 0 none;
    cursor: pointer;
    text-align: center;
    vertical-align: bottom;
    /*圆角 像素越大半经越大*/
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    behavior: url(PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
